<!-- Header -->
<header id="home" class="header">

    <!-- Navigation -->
    <nav id="navigation" class="navbar affix">

        <!-- Company Information -->
        <div class="information hidden-sm hidden-xs">
            <div class="container">
                <div class="row">

                    <!-- telephone -->
                    <div class="col-md-7">
                        <a href="###"><span class="icon icon_phone"></span>+86 13808370605</a>
                    </div>
                    <!-- /telephone -->

                    <!-- Social contact -->
                    <div class="col-md-5">
                        <ul class="social">
                            <li><a href="###" class="fa fa-fw fa-weixin" title="微信关注我们"
                                   data-container="body" data-toggle="popover" data-placement="bottom"
                                   data-html="true" data-content='<img src="${ctxPath}/static/images/ewm.jpg" alt="" width="100" height="100" style="text-align: center">'></a></li>
                            <!--<li><a href="###" class="fa fa-fw fa-twitter" target="_blank"></a></li>-->
                            <!--<li><a href="###" class="fa fa-fw fa-weibo" target="_blank"></a></li>-->
                            <li><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=532937227&amp;site=qq&amp;menu=yes" class="fa fa-fw fa-qq" target="_blank"></a></li>
                            <!--<li><a href="###" class="fa fa-fw fa-envelope-o"></a></li>-->
                        </ul>
                    </div>
                    <!-- /Social -->

                </div>
            </div>
        </div>
        <!-- /Company Information -->

        <div class="container">

            <div class="row">
                <div class="col-md-12">

                    <!-- Navigation Header -->
                    <div class="navbar-header">

                        <!-- Toggle Button -->
                        <button type="button"
                                class="navbar-toggle collapsed"
                                data-toggle="collapse"
                                data-target="#main-menu"
                                aria-expanded="false"
                                aria-controls="main-menu">

                            <span class="sr-only">Toggle Navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>

                        </button>
                        <!-- /Toggle Button -->

                        <!-- Brand -->
                        <a href="###" class="brand">

                            <!-- Logo Big -->
                            <img src="${ctxPath}/static/images/logo.png" class="logo-big" alt="">
                            <!-- /Logo Big -->

                            <!-- Logo Small -->
                            <img src="${ctxPath}/static/images/logo-small.png" class="logo-small" alt="">
                            <!-- /Logo Small -->

                        </a>
                        <!-- /Brand -->

                    </div>
                    <!-- /Navigation Header -->

                    <!-- Navigation -->

                    <div id="main-menu" class="navbar-collapse collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="${ctxPath}/index.html">首页</a></li>
                            <li class="dropdown">
                                <a href="${ctxPath}/jhcb/product/product_list.html" class="dropdown-toggle">公司产品</a>
                                <!--下拉列表出不来-->
                                <!--<ul class="dropdown-menu">-->
                                    <!--<li><a href="">救生衣 LifeJacket</a></li>-->
                                    <!--<li><a href="">救生圈 LifeBuoy</a></li>-->
                                    <!--<li><a href="">救生艇 LifeBoat</a></li>-->
                                    <!--<li><a href="">灭火器材 Fire-Fighting Equipment</a></li>-->
                                    <!--<li><a href="">个人装备 Personal Equipment</a></li>-->
                                    <!--<li><a href="">其他产品 Other Products</a></li>-->
                                <!--</ul>-->
                                <ul class="dropdown-menu">
                                    @for(categorie in categories){
                                        <li><a href="${ctxPath}/jhcb/product/product/${categorie.id}.html">${categorie.simple_name}&nbsp;&nbsp;${categorie.english_name}</a></li>
                                    @}
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="${ctxPath}/jhcb/news/news_list.html" class="dropdown-toggle">新闻动态</a>
                                <ul class="dropdown-menu">
                                    <li><a href="${ctxPath}/jhcb/news/type/0.html">公司动态</a></li>
                                    <li><a href="${ctxPath}/jhcb/news/type/1.html">行业资讯</a></li>
                                </ul>
                            </li>

                            <li><a href="${ctxPath}/jhcb/aboutus/aboutus.html">联系我们</a></li>
                            <div class="col-sm-4 col-md-4">
                                <form class="navbar-form" role="search" action="${ctxPath}/jhcb/searcher/search">
                                    <div class="input-group">
                                        <input type="text" class="form-control" placeholder="搜索" name="keywords">
                                        <div class="input-group-btn">
                                            <button class="btn" type="submit"><i
                                                    class="fa fa-search"></i></button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </ul>

                    </div>

                    <!-- /Navigation -->

                </div>
            </div>

        </div>
    </nav>
    <!-- /Navigation -->

</header>
<!-- /Header -->